<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!-- CSS 文件 ，不要删，不够自己添加 -->
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-table.min.css">
<link rel="stylesheet" href="../assets/css/azzara.min.css">
<link rel="stylesheet" href="../assets/css/demo.css">
<link rel="stylesheet" href="css/buttonlocation.css">
<body>

<!--这里选择的是80%的容器，如果需要100%的话，自己修改一下-->
<div class="container" id="one">
    <!--内容在这里面添加就好了-->
    <form>
    <table width="100%">
        <tr>
            <td><input placeholder="出库人" type="text" name="storer" id="storer" class="form-control form-inline"></td>
            <td><input placeholder="出库编号" type="text" name="gatherId" id="gatherId" class="form-control form-inline"></td>
            <td><input type="date" name="registerTime" id="registerTime" class="form-control form-inline"></td>
            <td><input type="date" name="checker" id="checker" class="form-control form-inline"></td>
            <td><input type="button" value="查询" id="condition" onclick="demand()" class="btn btn-success btn-sm"></td>
            <td><input type="reset" value="清空条件" class="btn btn-success btn-sm"></td>
        </tr>
    </table>
    </form>
<!--    <form align="center">-->
<!--        入库人:<input type="text" name="storer" id="storer">-->
<!--        入库编号:<input type="text" name="gatherId" id="gatherId">-->
<!--        登记时间:从<input type="date" name="registerTime" id="registerTime">-->
<!--        到:<input type="date" name="checker" id="checker">-->
<!--        <input type="button" value="查询" id="condition" onclick="demand()">-->
<!--    </form>-->
    <table id="gradeTable" class="table-striped table-bordered table-hover">

    </table>
</div>

<div class="container" id="two" style="display: none;border: 1px solid black">
    <h1 style="text-align: center;">入 库 单</h1>
    <div style="width: 48%;display: inline-block">
        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">入库单编号:</label>
            <div class="col-md-9 p-0">
               <span id="rkdbh"></span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">入库理由:</label>
            <div class="col-md-9 p-0">
                <span id="rkly"></span>
            </div>
        </div>

    </div>
    <div style="width: 48%;display: inline-block">

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">入库详情理由:</label>
            <div class="col-md-9 p-0">
               <span id="rkxqly"></span>
            </div>
        </div>

    </div>
    <table class="table table-bordered">
        <tr>
            <td>序号</td>
            <td>产品名称</td>
            <td>产品编号</td>
            <td>描述</td>
            <td>应入件数</td>
            <td>已入件数</td>
            <td>调度</td>
        </tr>
        <tbody id="tbody"></tbody>
    </table>
    <div style="width: 48%;display: inline-block">
        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">登记人:</label>
            <div class="col-md-9 p-0">
                <span id="djr"></span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">应入库总数:</label>
            <div class="col-md-9 p-0">
                <span id="zjs"></span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">应入库总成本(元):</label>
            <div class="col-md-9 p-0">
                <span id="zje"></span>
            </div>
        </div>

    </div>
    <div style="width: 48%;display: inline-block">

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">登记时间:</label>
            <div class="col-md-9 p-0">
                <span id="djsj"></span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">已入库总数:</label>
            <div class="col-md-9 p-0">
                <span id="b">0.00</span>
            </div>
        </div>

        <div class="form-group form-inline">
            <label class="col-md-3 col-form-label">已入库总成本(元):</label>
            <div class="col-md-9 p-0">
                <span id="a">0.00</span>
            </div>
        </div>

    </div>
</div>

<!-- 模态框 -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <!-- 模态框头部 -->
            <div class="modal-header">
                <h6 class="modal-title">您正在做的业务是:库存管理&#45;&#45;出入库调度管理&#45;&#45;定制入库单</h6>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <!-- 模态框主体 -->
            <div class="modal-body">
                <table class="table table-bordered">
                    <tr>
                        <td>当前可存放数量</td>
                        <td>本次入库数量</td>
                    </tr>
                    <tr>
                        <td><span id="mayAmount"></span></td>
                        <td><input class="form-control" type="number" id="shouldAmount"> </td>
                    </tr>
                </table>
            </div>
            <!-- 模态框底部 -->
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="ByproductIdqueryIsdesignCellTag()">确定</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
            </div>

        </div>
    </div>
</div>


<!--js用到的包，不够在自己添加-->
<script src="../js/jquery.3.2.1.min.js"></script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-table.min.js"></script>
<script src="../js/bootstrap-table-zh-CN.min.js"></script>
<script src="../js/common.js"></script>
<script src="js/dzrkd.js"></script>
</body>
</html>